{__LINK="assets/css/teamplate/index/index_tab.css?ver={__VER__}"__}
<div class="tab">
    <div class="list">
        <ul>
            <li> 
                <div class="label">
                    <img src="{__RESDIM__}images/index/tab_1.png">
                    <span>工作快捷入口</span>
                </div>
                <ul class="navs nav_1">
                    <li class="nav pure-u-1-4 selected">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:0 0;"></div>
                        <span>业绩汇总表</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:-320px 0;"></div>
                        <span>销售排行榜</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:-640px 0;"></div>
                        <span>签约学员管理</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:-960px 0;"></div>
                        <span>学员合同管理</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:0 170px;"></div>
                        <span>学员升年级</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:-320px 170px;"></div>
                        <span>加课申请</span>
                    </li>
                    <li class="nav pure-u-1-4">
                        <div class="img" style="background:url('{__RESDIM__}images/index/icon.png');background-position:-640px 170px;"></div>
                        <span>PCP平台</span>
                    </li>
                </ul>
            </li>
            <li>
                <div class="label">
                    <img src="{__RESDIM__}images/index/tab_2.png">
                    <div class="tip">
                        <img src="{__RESDIM__}images/index/tip.png">
                        <div>55</div>
                    </div>
                    <span>事件提醒</span>
                </div>
                <ul class="navs nav_2">
                    <div class="module">
                        <div class="title">
                            <img src="{__RESDIM__}images/index/icon_1.png">
                            <span class="text">事件提醒</span>
                            <div class="btn_more">+ 查看更多</div>
                        </div>
                        <div class="cards">
                            <div class="card">
                                <div class="title">
                                    <div class="text">待办事项</div>
                                    <div class="arrow">更多 》</div>
                                </div>
                                <div class="list">
                                    <div class="item selected">
                                        <div class="text">待分配(有效)Leads数：<span>0</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">校区线索客户转校申请审批：<span>1</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">未分配离职CC的线索客户：<span>0</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">待确认合同：<span>2</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">未确认变更合同：<span>1</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="title">
                                    <div class="text">加急事项</div>
                                    <div class="arrow">更多 》</div>
                                </div>
                                <div class="list">
                                    <div class="item selected">
                                        <div class="text">待分配(有效)Leads数：<span>0</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">校区线索客户转校申请审批：<span>1</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">未分配离职CC的线索客户：<span>0</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">待确认合同：<span>2</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                    <div class="item">
                                        <div class="text">未确认变更合同：<span>1</span></div>
                                        <div class="arrow">></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ul>
            </li>
        </ul>
    </div>
</div>
<script>
$('.tab .nav').click(function(){
    $('.tab .nav').removeClass('selected');
    $(this).addClass('selected')
})
</script>